﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrTourDetail.ascx.cs"
    Inherits="Controls_Tour_ctrTourDetail" %>
<%@ Register Src="ctrTourNavigation.ascx" TagName="ctrTourNavigation" TagPrefix="uc2" %>


<div style="width: 670px; float: left">
    <uc2:ctrTourNavigation ID="ctrTourNavigation1" runat="server" />
</div>
<div style="width: 670px; float: left; padding-top: 5px">
    <h3>
        <asp:Label ID="lblTitle" runat="server"></asp:Label>&nbsp;&nbsp;<asp:Label ID="lblDuration"
            runat="server"></asp:Label></h3>
    <%--  <table>
        <tr>
            <td style="padding-right:10px; padding-top:10px"><asp:Image runat="server" ID="imgImage" Width="300px" BorderWidth="1px" BorderColor="gray" CssClass="entry-image" /></td>
             <td style ="vertical-align:top;  padding-top:10px; padding-bottom:10px"><asp:Label ID="lblInitContent" runat="server"></asp:Label>
             <br /><br />
             
             </td>
            
        </tr>
       </table>--%>
</div>
 <div style="float: right; margin-top: -20px; padding-bottom:10px">
        <asp:HyperLink ID="lnkBook" runat="server" ImageUrl="~/Images/Layout/bookform-input-button-bg.png"
            Target="_blank" /></div>
<div style="width: 670px; float: left; padding-top: 0px">
    <ul class="tabs" style="width: 682px !important">
        <li><a href="#"><span>
            <asp:Label ID="lblOverview" runat="server" /></span></a></li>
             <li><a href="#"><span>
            <asp:Label ID="lblDestination" runat="server"></asp:Label></span></a></li>
      <%--  <li><a href="#"><span>
            <asp:Label ID="lblTripHighlight" runat="server"></asp:Label></span></a></li>--%>
        <li><a href="#"><span>
            <asp:Label ID="lblPrice" runat="server"></asp:Label></span></a></li>
             <li><a href="#"><span>
            <asp:Label ID="lblPhotos" runat="server"></asp:Label></span></a></li>
             <li><a href="#"><span>
            <asp:Label ID="lblVideo" runat="server"></asp:Label></span></a></li>
       
    </ul>
    <!-- tab "panes" -->
   
    <div class="panes">
        <div style="width: 650px !important; padding: 15px 15px 20px 15px; ">
            <asp:Literal ID="ltrContent" runat="server"></asp:Literal></div>
              <div style="width: 650px !important; padding: 15px 15px 20px 15px; ">
            <asp:Repeater ID="rpt_TourDestination" runat="server" OnItemDataBound="rpt_TourDestination_ItemDataBound"
                OnItemCommand="rpt_TourDestination_ItemCommand">
                <ItemTemplate>
                    <table>
                        <tr>
                            <td style="padding-right: 10px; padding-bottom: 15px">
                                <asp:ImageButton runat="server" ID="imgImageDesTour" CommandName="image" Height="120px"
                                    Width="180px" BorderWidth="1px" BorderColor="gray" CssClass="entry-image" />
                            </td>
                            <td style="vertical-align: top; padding-bottom: 15px">
                                <asp:HyperLink runat="server" ID="lnkTourDestination" Font-Bold="true" Target="_blank"
                                    Font-Size="15px" />
                                <br />
                                <asp:Literal ID="ltrTourDest" runat="server"></asp:Literal>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    <%--    <div style="width: 650px !important; padding: 15px 15px 20px 15px; border:0px">
            <asp:Literal ID="ltrTripHighlight" runat="server"></asp:Literal></div>--%>
        <div style="width: 650px !important; padding: 15px 15px 20px 15px;">
            <asp:Literal ID="ltrPrice" runat="server"></asp:Literal></div>
               <div style="width: 650px !important; padding: 15px 15px 20px 15px;" id="myGallery">
               		
				
                <asp:Repeater ID="rptGallery" runat="server" OnItemDataBound="rptGallery_ItemDataBound">
                <ItemTemplate>
                <table>
                    <tr>
                        <td class="imageElement">
                         <asp:Image ID="imgImage" runat="server" Width="340px" BorderColor="gray" BorderWidth="1px" />
                        </td>
                    </tr>
                </table>
                
                </ItemTemplate>
            </asp:Repeater>
			
		

            
            
            </div>
               <div style="width: 655px !important; padding: 15px 10px 20px 15px;">
            <asp:Literal ID="ltrTripHighlight" runat="server"></asp:Literal></div>
      
    </div>
    <!-- This JavaScript snippet activates those tabs -->
    <script>

        // perform JavaScript after the document is scriptable.
        $(function () {
            // setup ul.tabs to work as tabs for each div directly under div.panes
            $("ul.tabs").tabs("div.panes > div");
        });
    </script>
</div>
